<template>
  <div>
    <!-- v-text="变量": 都当成字符串渲染    v-html="变量" 会解析html标签  -->
    <!-- 了解 xss攻击  用户可能会通过input输入标签 所以不要用v-html渲染用户输入的内容 -->
    <h3>v-text和v-html</h3>
    <div v-text="str"></div>
    <div v-html="str"></div>
    <hr>
    <div v-text="str1"></div>
    <div v-html="str1"></div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      str: '<p>我是个p标签</p>',
      str1: '我就是个普通的字符串'
    }
  }
}
</script>

<style>

</style>